#5E64A1

Color Details

HEX
#5E64A1
RGB
rgb(94, 100, 161)
HSL
hsl(235, 26%, 50%)
CMYK
cmyk(42%, 38%, 0%, 37%)
Best text on this color #FFFFFF (CR 5.51:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5e64a1
Contrast 3.81:1 Fail
White on #5e64a1
Contrast 5.51:1 AA
#5e64a1 on Black
Contrast 3.81:1 Fail
#5e64a1 on White
Contrast 5.51:1 AA

Tints & Shades

#7e83b4
#9ea2c7
#bfc1d9
#4b5081
#383c61
#262840

Complement & Analogous

#a19b5e
#7a5ea1
#5e85a1

Triadic

#a15e64
#64a15e

Monochrome

#262840 #383c61 #5e64a1 #9ea2c7 #bfc1d9 #dfe0ec

Analogous

#5e85a1 #8eaabd #5e64a1 #957eb4 #7a5ea1 #624b81

Complementary Mix

#383c61 #5e64a1 #9ea2c7 #a19b5e #c2be96 #69653d

Nearby Colors

#5e64a0
#5e64a2
#5e6491
#5e64b1

Embed #5E64A1 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5E64A1

#5E64A1 converts to RGB(94, 100, 161) and HSL(235, 26%, 50%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5E64A1 FAQs

What is the RGB value of #5E64A1?
RGB: 94, 100, 161. Copy as CSS: rgb(94, 100, 161)
Is #5E64A1 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5E64A1?
Complement: #a19b5e.
Does #5E64A1 have good contrast on white or black?
On white: 5.51:1 (AA (normal text)). On black: 3.81:1 (AA (large text)).